div[class^=title] {
  padding: 0px 0 20px;
}

.title {
  font-size: 14px;
  font-weight: bold;
}

.title-1 {
  font-size: 16px;
  font-weight: bold;
}

.title-2 {
  font-size: 18px;
  font-weight: bold;
}

.title-sub {
  font-size: 12px;
  font-weight: lighter;

}


.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.list {
  .item {
    min-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    transition: all .2s;

    &:hover,
    &.active {
      transition: all .2s;
      background: rgba($nav_bg, .09);
      cursor: pointer;
    }
  }
}